Smooth Version
Just move the mouse over the image or swipe on touch devices.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png”] [toggle title=”Get The Code” icon=”file-alt” style=”simple”] [get_the_code label=”false”] [before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png”] [/get_the_code] [/toggle] [divider]Flip Version
Click the handler at the bottom.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”flip”] [toggle title=”Get The Code” icon=”file-alt” style=”simple”] [get_the_code label=”false”] [before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”flip”] [/get_the_code] [/toggle] [divider]Hover
Hover over the image to show its alternative version.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”hover”] [toggle title=”Get The Code” icon=”file-alt” style=”simple”] [get_the_code label=”false”] [before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”hover”] [/get_the_code] [/toggle] [divider][icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]
Shortcode documentation
[before_after doc=”true”]154 total views, 1 views today